import {Component} from 'react'
import ComSmall from './ComSmall';
class ComBig extends Component {
  constructor() {
    super();
    this.state = {
      num: 1
    }
  }
  // 子传父专用函数
  getData(val) {
    console.log(val);
  }
  changeNum() {
    this.setState({
      num: 6
    })
  }
  render() {
    // 父传子：通过子组件的标签属性传值给子组件，子组件通过props接受
    // 子传父：首先父组件传给子组件一个方法，在子组件中调用这个方法时，传参，这个参数会被父组件接受
    return (
      <div>
        <ComSmall
          info1="hello"
          info2={this.state.num}
          info3={this.getData}
        ></ComSmall>
        <p>我是父组件</p>
        <button onClick={()=>this.changeNum()}>{this.state.num}</button>
      </div>
    )
  }
}

export default ComBig